<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITCompra' id='ITCompra'><p:growl id='growl'/>

<z:focus focus='#{ITCompra.focus}'/>

<z:beanMenubar bean='#{ITCompra}' title='Compra #{ITCompra.entity.id}'/>


<h:panelGrid columns='1' width='100%' rendered='#{ITCompra.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITCompra}' title='Cabecera' cellpadding='7'>

  <x:fieldL b='#{bean}' w='120px' t='Almacen' v='#{bean.entity.almacen.id}'/>

  <x:fieldC b='#{bean}' w='60px'  t='Credito' wT='45px' v='#{bean.credito}'/>

  <e:fieldD b='#{bean}' w='120px' p='Fecha'   x='t'/>

  <x:fieldS b='#{bean}' w='120px' t='Proveedor' v='#{bean.entity.proveedor}' x='#{x}' xL='#{x.persona.nombre}'/>

  <e:fieldI b='#{bean}' w='60px'  p='Importe' wT='45px'/>

  <e:fieldA b='#{bean}' w='120px' p='Observacion'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITCompra}' title='Posicion' cellpadding='6' style='min-width: 500px'>

  <h:panelGrid columns='1' cellpadding='8' style='margin-right: 2px'>

  <x:fieldM b='#{bean}' t='Producto' v='#{bean.detalle.material}' x='#{x}' id='materialId'/>

  <x:fieldB b='#{bean}' t='Cantidad' v1='#{bean.detalle.cantidad}' v2='#{bean.detalle.precio}' l='detailAdd' id='cantidadId'/>

  </h:panelGrid>

  <x:materialImage c='#{bean.detalle.material.id}' t='Stock' v='#{bean.detalle.stock}'/>

  </x:beanPanel>

</h:panelGrid>


<x:materialTable bean='#{ITCompra}' ls='#{ITCompra.entity.lsCompraDetalle}'>

<p:column headerText='Material' sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.codigo} - #{x.material.nombre}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.cantidad}' style='width:55px'><z:outputN v='#{x.cantidad}' r='0'/></p:column>

<p:column headerText='Precio' sortBy='#{x.precio}' style='width:55px'><z:outputN v='#{x.precio}' r='2'/></p:column>

<p:column headerText='Importe' sortBy='#{x.importe}' style='width:55px'><z:outputN v='#{x.importe}' r='2'/></p:column>

</x:materialTable>

</h:panelGrid>


<e:dataTable bean='#{ITCompra}'>

<z:columnT w='60px' t='Compra' v='#{x.id}'/>

<z:columnT t='Almacen' v='#{x.almacen.nombre}'/>

<z:columnT t='Proveedor' v='#{x.proveedor.persona.nombre}'/>

<z:columnN w='70px' t='Importe' v='#{x.importe}'/>

<z:columnD w='70px' t='Recepcion' v='#{x.recepcion}' x='t'/>

</e:dataTable>

</h:panelGroup>
